<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <style>
        body{background:#81b2e6;margin: 0 auto;}
        .big-bord{width: 500px; height: 300px;text-align: center; background:#6ba3de; margin-left: 700px; margin-top: 200px;padding-top: 2px;}
        .title{display:block; font-size: 35px; color: #ffffff;}
        .zhang{display: inline-block;cornflowerblue:blue;font-size: 18px; }
        .mima{display: inline-block;cornflowerblue:blue;font-size: 18px; }
        .big-bord span{display:inline-block; font-size: 22px; color: white;width: 50px; height: 30px; margin-right: 10px;}
        .btn_deng{display: inline-block;background: #2381e4;border:1px #2381e4 solid; color: white;width: 100px;height: 40px;}
    </style>
</head>
<body>
<div class="big-bord">
<form>
    <h2 class="title">用户登录</h2>
    <p><span>账号</span><input type="text"  placeholder="请输入您的账号" class="zhang"/></p>

    <p><span>密码</span><input type="password" placeholder="请输入您的密码" class="mima"/></p>
    <p><a href="#" style="padding-left: 150px;">忘记密码？</a> </p>
    <p> <input type="button" value="登录" class="btn_deng"/> <a href="#">注册</a></p>

</form>
</div>
</body>
</html>